<!DOCTYPE html>
<html>
  <!-- Copyright 2018 The Coding with Chrome Authors.
       Author: mbordihn@google.com (Markus Bordihn)

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License. -->
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/svg+xml" href="icons/favicon.svg" sizes="any">
    <title>Coding with Chrome</title>

    <!-- Material design -->
    <link rel="stylesheet" href="external/material-design-lite/material.min.css">
    <script src="external/material-design-lite/material.min.js"></script>

    <!-- Coding with Chrome design -->
    <link rel="stylesheet" href="css/editor.css">
    <link rel="stylesheet" href="css/external.css">

    <!--  CodeMirror -->
    <script src="external/codemirror/codemirror.js"></script>
    <script src="external/codemirror/addons.js"></script>
    <script src="external/codemirror/modes.js"></script>

    <!--  JSHint -->
    <script src="external/jshint/jshint.js"></script>

    <!--  HTMLHint -->
    <script src="external/htmlhint/htmlhint.js"></script>

    <!--  CoffeeScript -->
    <script src="external/coffeescript/coffee-script.js"></script>

    <!--  CoffeeLint -->
    <script src="external/coffeelint/coffeelint.js"></script>

    <!-- Dialog polyfill -->
    <script src="external/dialog-polyfill/dialog-polyfill.js"></script>

    <!-- Shepherd -->
    <script src="external/tippy/tippy.min.js"></script>
    <script src="external/shepherd/shepherd.min.js"></script>

    <!-- Marked -->
    <script src="external/marked/marked.min.js"></script>

    <!-- cl-editor -->
    <script src="external/cl-editor/index.min.js"></script>

    <!-- Blockly -->
    <script src="external/blockly/blockly_compressed.js"></script>
    <script src="external/blockly/blocks_compressed.js"></script>
    <script src="external/blockly/javascript_compressed.js"></script>
    <script src="external/blockly/audio_preload_patch.js"></script>
    <script src="external/blockly/msg/en.js" id="blockly-language"></script>
    <script src="js/cwc_blocks.js"></script>

    <!-- Language support -->
    <script id="cwc.i18n-supported-languages" src="js/locales/supported.js"></script>
    <script id="cwc-i18n-blacklist" src="js/locales/blacklist.js"></script>
    <script id="cwc-i18n-language"></script>

    <!-- Coding with Chrome editor -->
    <script src="js/cwc_ui.js"></script>
    <script src="js/debug.js"></script>
    <script src="js/app.js"></script>
  </head>
  <body>
    <div id="cwc-loading-screen">
      <button id="cwc-loading-screen-close" class="mdl-button mdl-js-button mdl-button--icon" data-upgraded=",MaterialButton">
        <i class="material-icons">close</i>
      </button>
      <div id="cwc-loading-screen-info">
        Build version <span id="cwc-loading-screen-info-version">...</span><br>
        User language: <span id="cwc-loading-screen-info-language">...</span><br>
        UI Loaded in <span id="cwc-loading-screen-info-rendered">...</span> msec
      </div>
      <div id="cwc-loading-screen-content">
        <svg id="cwc-loading-screen-logo" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="400" height="300" version="1.1" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"
        viewBox="0 0 6350 7620"
         xmlns:xlink="http://www.w3.org/1999/xlink">
         <filter id="dropShadow">
          <feGaussianBlur in="SourceAlpha" stdDeviation="20"/>
          <feOffset dx="80" dy="80" result="offsetblur"/>
          <feComponentTransfer>
            <feFuncA type="linear" slope="0.1"/>
          </feComponentTransfer>
          <feMerge> 
            <feMergeNode/>
            <feMergeNode in="SourceGraphic"/>
          </feMerge>
         </filter>
         <g id="cwc-loading-screen-logo-keyboard">
          <path id="cwc-loading-screen-logo-keyboard-level_2" fill="#D9DADA" stroke="#D9DADA" stroke-width="7.62" d="M881 6939l4338 0 15 0c5,0 10,0 15,0 107,0 188,2 281,-33 74,-27 117,-68 117,-111l0 -31 2 0 -2 -7 0 -6 -1 0 -399 -1486 0 0c-1,-2 -1,-5 -2,-7l-2 -6 0 0c-13,-39 -24,-61 -77,-100 -63,-46 -184,-102 -313,-102l-1 0 -30 0 -3510 0c-10,0 -20,0 -30,0 -152,1 -304,7 -409,66 -57,31 -87,72 -104,111l-28 64 -1 0 -2 6 -2 7 1 0 -357 1446 -2 0 0 7 0 0 -1 5 1 1c0,47 -3,82 73,123 61,34 151,53 246,53l153 0 31 0z" filter="url(#dropShadow)" />
          <path id="cwc-loading-screen-logo-keyboard-level_1" fill="#FEFEFE" stroke="#C5C6C6" stroke-width="7.62" d="M1388 6714l3306 0 12 0c4,0 8,0 11,0 82,0 143,2 215,-25 56,-20 89,-51 89,-84l0 -24 1 0 -1 -5 0 -5 -2 0 -304 -1133 1 0c-1,-1 -1,-3 -2,-5l-1 -5 -1 0c-10,-29 -18,-46 -58,-75 -48,-36 -140,-78 -239,-78l0 0 -23 0 -2675 0c-8,0 -16,0 -24,0 -115,0 -231,5 -311,50 -43,24 -66,55 -79,84l-22 49 0 0 -2 5 -2 5 1 0 -272 1102 -1 0 0 5 0 0 -1 5 1 0c0,36 -2,63 55,94 46,26 115,40 188,40l117 0 23 0z" filter="url(#dropShadow)" />
          <path id="cwc-loading-screen-logo-keyboard-shadow" fill="#EBECEC" fill-opacity="0.501961" d="M4717 6714c82,0 143,2 215,-25 56,-20 89,-51 89,-84l0 -24 1 0 -1 -5 0 -5 -2 0 -304 -1133 1 0c-1,-1 -1,-3 -2,-5l-1 -5 -1 0c-10,-29 -18,-46 -58,-75 -48,-36 -140,-78 -239,-78 -665,802 -1231,1439 -1076,1439 231,0 363,0 1378,0z"/>
          <path id="cwc-loading-screen-logo-keyboard-key" fill="#EBECEC" stroke="#B2B3B3" stroke-width="7.62" d="M1638 6543l2786 0 10 0c3,0 6,0 9,0 69,0 121,0 181,-2 47,-3 75,-6 75,-10l0 -2 1 0 -1 -1 0 0 -1 0 -256 -123 0 0c0,0 -1,-1 -1,-1l-1 0 -1 0c-8,-3 -15,-5 -49,-8 -41,-4 -118,-9 -201,-9l0 0 -20 0 -2254 0c-7,0 -13,0 -20,0 -98,0 -195,1 -263,6 -36,2 -55,5 -66,9l-18 5 -1 0 -1 0 -2 1 1 0 -229 120 -1 0 0 0 0 0 -1 1 1 0c0,4 -2,6 47,10 39,3 96,4 158,4l98 0 20 0z" filter="url(#dropShadow)" />
         </g>
         <g id="cwc-loading-screen-logo-screen">
          <path id="cwc-loading-screen-logo-screen-level_4" fill="#2196F3" d="M881 581l4338 0 15 0c5,0 10,0 15,0 107,-1 188,-5 281,72 74,61 117,151 117,247l0 70 2 1 -2 13 0 15 -1 0 -399 3306 0 0c-1,5 -1,10 -2,15l-2 15 0 -1c-13,87 -24,135 -77,221 -63,103 -184,228 -313,228l-1 0 -30 0 -3510 0c-10,0 -20,0 -30,0 -152,-2 -304,-16 -409,-147 -57,-70 -87,-159 -104,-247l-28 -142 -1 0 -2 -14 -2 -14 1 -1 -357 -3217 -2 0 0 -15 0 0 -1 -13 1 0c0,-105 -3,-183 73,-275 61,-74 151,-117 246,-117l153 0 31 0z" filter="url(#dropShadow)" />
          <path id="cwc-loading-screen-logo-screen-level_3" fill="#00BCD4" stroke="#008DD2" stroke-width="7.62" d="M1189 884l3711 0 13 0c5,0 9,0 13,0 92,0 161,-4 241,62 63,52 100,129 100,211l0 60 1 1 -1 12 0 12 -2 0 -341 2828 1 0c-1,5 -2,9 -2,13l-2 13 0 0c-12,74 -21,115 -66,189 -54,88 -157,194 -268,194l0 0 -26 0 -3003 0c-9,0 -18,0 -26,0 -130,-1 -260,-13 -350,-125 -48,-60 -74,-136 -89,-211l-24 -122 -1 0 -1 -12 -3 -12 1 -1 -305 -2752 -1 0 0 -13 0 0 -1 -11 1 0c-1,-90 -3,-157 62,-236 52,-63 129,-100 211,-100l131 0 26 0z" filter="url(#dropShadow)" />
          <path id="cwc-loading-screen-logo-screen-level_2" fill="#CDDC39" stroke="#009846" stroke-width="7.62" d="M1522 1212l3034 0 10 0c4,0 8,0 11,0 75,0 131,-3 197,51 51,42 82,105 82,172l0 50 1 0 -1 10 0 9 -2 0 -279 2313 1 0c-1,4 -1,7 -2,10l-1 11 0 0c-10,60 -17,94 -54,154 -44,72 -128,159 -219,159l0 0 -22 0 -2455 0c-7,0 -14,0 -21,0 -106,-1 -212,-11 -286,-102 -40,-49 -60,-112 -72,-173l-20 -100 -1 1 -1 -10 -2 -10 1 -1 -250 -2250 -1 0 0 -10 0 0 -1 -9 1 -1c0,-73 -2,-128 51,-192 42,-52 105,-82 172,-82l107 0 22 0z" filter="url(#dropShadow)" />
          <path id="cwc-loading-screen-logo-screen-level_1" fill="#FEFEFE" stroke="#EBECEC" stroke-width="7.62" d="M1876 1561l2313 0 8 0c3,0 6,0 9,0 57,0 100,-2 149,39 40,32 63,80 63,131l0 38 1 0 -1 8 0 7 -1 0 -213 1763 0 0c0,3 0,6 -1,8l-1 8 0 0c-7,46 -13,72 -41,118 -34,55 -98,121 -167,121l0 0 -16 0 -1872 0c-5,0 -11,0 -16,0 -81,-1 -162,-8 -219,-78 -30,-37 -45,-85 -55,-132l-15 -76 0 0 -1 -7 -2 -8 1 0 -190 -1716 -1 0 0 -8 0 0 -1 -7 1 0c0,-56 -2,-97 39,-146 32,-40 80,-63 131,-63l82 0 16 0z" filter="url(#dropShadow)" />
          <path id="cwc-loading-screen-logo-screen-shadow" fill="#EBECEC" fill-opacity="0.501961" d="M4355 1600c59,48 63,100 63,169l1 0 -1 8 0 7 -1 0 -213 1763 0 0c0,3 0,6 -1,8l-1 8 0 0c-7,46 -13,72 -41,118 -34,55 -98,121 -167,121l0 0 -16 0 -369 0c-96,0 -76,8 -58,-62 146,-582 631,-1957 773,-2160 2,-2 21,11 31,20z"/>
          <g id="cwc-loading-screen-logo-screen-symbole">
           <path fill="black" d="M2847 2970l-349 -300 349 -300 -106 -92 -456 392 456 391 106 -91zm395 0l350 -300 -350 -300 107 -92 455 392 -455 391 -107 -91z" filter="url(#dropShadow)" />
          </g>
         </g>
        </svg>
        <div id="cwc-loading-screen-progress">
          <div id="cwc-loading-screen-progress-bar" class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></div>
          <div id="cwc-loading-screen-progress-text">Loading Coding with Chrome</div>
        </div>
      </div>
    </div>
    <div id="cwc-editor"></div>
  </body>
</html>
